import { createApp } from './vue.js';
const app = createApp({
    data() {
        return {
            tabs: [
                {
                    name: 'tab1',
                    active: true,
                },
                {
                    name: 'tab2',
                    active: false,
                },
                {
                    name: 'tab3',
                    active: false,
                },
            ],
        };
    },
    methods: {
        tabs1() {
            this.tabs[0].name = 'tab1';
            this.tabs[0].active = true;
            this.tabs[1].active = false;
            this.tabs[2].active = false;
        },
        tabs2() {
            this.tabs[1].name = 'tab2';
            this.tabs[0].active = false;
            this.tabs[1].active = true;
            this.tabs[2].active = false;
        },
        tabs3() {
            this.tabs[2].name = 'tab3';
            this.tabs[0].active = false;
            this.tabs[1].active = false;
            this.tabs[2].active = true;
        },
    },
});
app.mount('#app');
